<!DOCTYPE html>
<htm(l lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function bubling(arr){
            for(let i=0; i<arr.length; i++){
                for(let j=0; j<arr.length-i-1; j++){
                    if(arr[j]>arr[j+1]){
                        let temp = arr[j];
                        arr[j] = arr[j+1];
                        arr[j+1] = temp;
                    }
                }
            }
            return arr;
        }

        let arr = [52,36,24,56,32,53,54,86,92,54,87,663,54,2,4,25,48];
        // let arr = [5,8,3,4,6];
        let arrAfterBub = bubling(arr);
        console.log(arrAfterBub);
    </script>
</body>
</htm>